<link href="${ctxPath}/static/libs/bootstrap-Colorpicker/css/bootstrap-colorpicker.css" rel="stylesheet">

@/*
    表单中input框标签中各个参数的说明:
    hidden : input hidden框的id
    id : input框id
    clickFun:点击事件
    value:内容
@*/
@if(isEmpty(width)){
@	width="100%";
@}
<div class="form-group has-feedback">
    @if(!isEmpty(name)){
    <label class="lab">${name!}</label>
    @}
    <div class="ele ${isEmpty(name)?'ele-fit':''}">
        <div id="${id}_cp" class="input-group colorpicker-component" title="选择颜色">
        <input class="textbox" id="${id}" type="text" name="${id}" readonly="readonly"style="width:${width!}"
               @if(isNotEmpty(value)){
                    value="${value}"
               @}

               @if(isNotEmpty(clickFun)){
                    onclick="${clickFun}"
               @}
               @if(isNotEmpty(style)){
                    style="${style}"
               @}
               value="#000000"
        >
            <span class="input-group-addon" style="padding: 5px 12px;"><i></i></span>
        </div>
    </div>
</div>
@if(isNotEmpty(underline) && underline == 'true'){
    <div class="hr-line-dashed"></div>
@}
<script src="${ctxPath}/static/libs/bootstrap-Colorpicker/js/bootstrap-colorpicker.js"></script>
<script type="text/javascript">
    $('#${id}_cp').colorpicker();
</script>
